import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/xitongshouye',
    name: 'xitongshouye',
    component: () => import(/* webpackChunkName: "about" */ '../xitongshouye/xitongshouye.vue'),
    children: [
        {  // 子路由
            path: '/CheLiangXianShi',
            component: () => import('../CheLiang/CheLiangXianShi.vue'),
          },
          {  // 子路由
            path: '/CheLiangXianShiBianJi',
            component: () => import('../CheLiang/CheLiangXianShiBianJi.vue'),
          }, 
          {  // 子路由
            path: '/CheLiangXianShiCreate',
            component: () => import('../CheLiang/CheLiangXianShiCreate.vue'),
          },
            {  // 子路由
                path: 'LIZhiBanLiShow',
                component: () => import('../views/LIZhiBanLiShow.vue'),
              },
              {
                path: '/EmpSel',
                name: '显示',
                component: () => import('../Fang/EmpSel.vue')
              },
              {
                path: '/EmpAdd',
                name: '添加',
                component: () => import('../Fang/EmpAdd.vue')
              },
              {
                path: '/EmpFan',
                name: '反填',
                component: () => import('../Fang/EmpFan.vue')
              },
              {
                path: '/OnwSel',
                name: '货主合同显示',
                component: () => import('../Fang/OnwSel.vue')
              },
              {
                path: '/OnwAdd',
                name: '货主合同添加',
                component: () => import('../Fang/OnwAdd.vue')
              },
              {
                path: '/OnwUpdate',
                name: '货主合同修改',
                component: () => import('../Fang/OnwUpdate.vue')
              },
              {
                path: '/CarSel',
                name: '承运合同显示',
                component: () => import('../Fang/CarSel.vue')
              },
              {
                path: '/CarAdd',
                name: '承运合同添加',
                component: () => import('../Fang/CarAdd.vue')
              },
              {
                path: '/CarUpdate',
                name: '承运合同修改',
                component: () => import('../Fang/CarUpdate.vue')
              },
              {
                path: '/GenSel',
                name: '通用合同显示',
                component: () => import('../Fang/GenSel.vue')
              },
              {
                path: '/GenAdd',
                name: '通用合同添加',
                component: () => import('../Fang/GenAdd.vue')
              },
              {
                path: '/GenUpdate',
                name: '通用合同修改',
                component: () => import('../Fang/GenUpdate.vue')
              },
              {
                path: '/OnbSel',
                name: '入职员工显示',
                component: () => import('../Fang/OnbSel.vue')
              },
              {
                path: '/OnbAdd',
                name: '入职员工添加',
                component: () => import('../Fang/OnbAdd.vue')
              },
              {
                path: '/OnbUpdate',
                name: '入职员工添加',
                component: () => import('../Fang/OnbUpdate.vue')
              },
      ],
},
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import('../views/About.vue')
  },
  {//离职办理修改
    path: '/LIZhiBanLiAdd',
    name: 'LIZhiBanLiAdd',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/LIZhiBanLiAdd.vue')
  },
  {//离职办理查看
    path: '/LIZhiBanLiShow',
    name: 'LIZhiBanLiShow',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/LIZhiBanLiShow.vue')
  },

  {//离职办理添加
    path: '/LIZhiBanLiUpdate',
    name: 'LIZhiBanLiUpdate',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/LIZhiBanLiUpdate.vue')
  },
  
    {//转正添加
        path: '/ZhuanZhengAdd',
        name: 'ZhuanZhengAdd',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/ZhuanZhengAdd.vue')
      },
          {//转正修改
            path: '/ZhuanZhengUpdate',
            name: 'ZhuanZhengUpdate',

            component: () => import('../views/ZhuanZhengUpdate.vue')
          },

    {//转正显示
        path: '/ZhuanZhengShow',
        name: 'ZhuanZhengShow',
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () => import(/* webpackChunkName: "about" */ '../views/ZhuanZhengShow.vue')
      },
]

const router = new VueRouter({
  routes
})

export default router
